.about_bg{ background:#f4f4f4; padding-top:3%; overflow:hidden; padding-bottom:20px;}
.about_t{ height:90px; overflow:hidden; line-height:90px; text-align:center; background:url(../images/i_bg1.jpg) center bottom no-repeat; font-size:42px; color:#333333; letter-spacing:5px; margin-bottom:3%;}
.about_con{ width:96%; max-width:960px; margin:0 auto; font-size: 16px; line-height:32px; overflow:hidden; padding-top:2%; padding-bottom:5%;}
.about_con img{ max-width:100%;}
.about_con p{text-indent: 2em;}
.about_con .videos{ margin-bottom: 10px;margin-bottom: 5%;}
.pages{ text-align:center; overflow:hidden; margin-top:2%; margin-bottom:2%;}
.yema a,.yema span{ padding:10px 22px; border:#ccc 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333;  margin-bottom:10px; border-radius:4px;}
.yema select{ min-width: 300px; padding:10px 22px; border:#C30D23 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333;  margin-bottom:10px; border-radius:4px;}
.trigger{ background-color: #fff; min-width: 300px; padding:10px 22px; border:#C30D23 1px solid; margin:0 2px; font-size:17px; display:inline-block; color:#333;  margin-bottom:10px; border-radius:4px;}
.current{background:#c30d23;color:#fff !important;border:#c30d23 1px solid !important;}
.ftype{background:#DFC351;color:#fff !important;}
.yema a:hover{  background:#c30d23;  color:#fff; text-decoration:none; }
a.yema_on{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.yema_on:hover{color:#fff !important; border:#c30d23 1px solid !important; }
a.ok{color:#fff !important; border:#c30d23 1px solid !important; background:#c30d23;}
a.ok:hover{color:#fff !important; border:#c30d23 1px solid !important; }

.o_big{ display: none; overflow:hidden;}
.o_big img{ width:100%;}

.product_ul{ text-align:center; overflow:hidden; width:96%; max-width:1190px; margin:0 auto; margin-top:2%;}
.product_ul ul li{ width:32%; float:left; margin-bottom:1%; margin-top:1%;margin-right: 1%;}
.product_ul ul li img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.product_ul ul li dd{ width:100%; margin:0 auto; max-width:260px;margin-bottom:10px;}
.product_ul ul li dd .imgs{ position:relative; width:100%;height: 220px; overflow:hidden;background-size:contain;background-repeat: no-repeat;background-position: center center;}
.product_ul ul li dd  h2{  font-weight:normal; color:#333; font-size:14px; line-height:22px; height:22px; overflow:hidden; margin-top:7px;}
.product_ul ul li dd:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.2, 1.2); -o-transform:scale(1.2, 1.2); -ms-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2);}
.product_ul ul li dd:hover h2{ color:#eb6360;}

.pro_one{ background-color:#f4f4f4; overflow:hidden; padding-top:1%; padding-bottom:2%;}
.pro_one .pro_one_div{ width:96%; max-width:512px; margin:0 auto; text-align:center;}
.pro_one .pro_one_div .pro_one_t{ line-height:30px; font-size:30px; color:#2a2a2a; margin-top:30px; margin-bottom:15px; letter-spacing:3px;}
.pro_one .pro_one_div .pro_one_desc{ font-size:18px; color:#c30d23; line-height:26px;}
.big_img{ width:100%; margin-bottom:30px; margin-top:30px;}

.pro_two{ width:96%; margin:0 auto; max-width:1200px; overflow:hidden; line-height:36px; font-size:18px; padding-top:2%; padding-bottom:1%;}
.pro_two ul li{ width:43%; margin-left:6%; float:left; height:70px; overflow:hidden;   margin-top:1.5%; font-size:16px; line-height:26px; margin-bottom:2%;word-break:break-all;}
.pro_two ul li img{ float:left; max-width:63px; width:28%; margin-right:2%;}
.pro_two ul li h2{ font-weight:normal; font-size:19.5px; color:#c30d23; margin-top:2%;}
.pro_two ul li div{ float:left; width:68%;}
.pro_two .pro_txt{ max-width:960px; margin:0 auto; width:94%;}
.pro_two .pro_txt img{text-align: center;}

.pro_three{ background-color: #f4f4f4;overflow:hidden;line-height:36px; font-size:18px;  padding-top:60px; padding-bottom:70px;}
.pro_three .pro_txt{ max-width:960px; margin:0 auto; width:94%;}
.pro_three  h2{ font-size:36px; margin-bottom:2%;}

.prenext{ border-top:1px solid #e6e6e6;font-size:12px; margin-bottom:10px;line-height:30px; padding-top:15px; margin-top:15px; color:#333333;}
.prenext a{ color:#333333;}
.prenext a:hover{ color:#eb5404; text-decoration:none;}
.prenext .goback{ float:right; height:26px; line-height:26px; text-align:right; padding-left:23px;background:url(../images/goback.png) left center no-repeat; font-size:14px; color:#333333; margin-top:16px;/* border-bottom:1px solid #a6a6a6;*/}

.contact_bg{ background-color:#f8f8f8; overflow:hidden; padding-top:3%; padding-bottom:3%;}
.contact_con{width: 96%;margin: 0 auto;  max-width: 1200px; padding:2%; background-color:#fff; overflow: hidden;padding-top: 2%; padding-bottom: 1%;}
.contact_con ul li{ width:30%; margin-left:3%; float:left; overflow:hidden;  margin-top:1.5%; font-size:18px; line-height:26px; margin-bottom:2%; color:#666666; word-break:break-all;}
.contact_con ul li img{ float:left; max-width:80px; width:30%; margin-right:3%; margin-bottom:20px;}
.contact_con ul li h2{ font-weight:normal; font-size:18px;margin-top:4%;}
.contact_con ul li a{ color:#666666;}
.contact_con ul li a:hover{ color:#db3418;}
.contact_con ul li p{ max-width:310px;margin-top:4%;}

.feedback_div{ margin:0 auto; width:96%; max-width:1188px; padding-bottom:100px;}
.feedback_div .inputs2{ float:left; width:32%; margin-right:2%; background:#f8f8f8; height:50px; line-height:50px; font-size:14px; color:#666; border:0; outline:none; border-radius:4px; text-indent:3%; margin-bottom:30px;}
.feedback_div .inputscode{ width:32%; margin-right:2%; background:#f8f8f8; height:50px; line-height:50px; font-size:14px; color:#666; border:0; outline:none; border-radius:4px; text-indent:3%; margin-bottom:30px;}
.feedback_div .inputs2:last-child{ margin-right:0;}
.feedback_div .textarea{ padding:1%; width:98%; background:#f8f8f8; font-size:14px;border:0;border-radius:4px; outline:none;margin-bottom:30px; }
.feedback_div .bnts2{ border-radius: 4px; border: none;  width:170px;font-size: 14px; height: 46px; background: #db1721; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none; margin:10px auto; display:block;}
.feedback_div .bnts2:hover{filter:alpha(opacity=70);opacity:0.7;transition:all 0.3s;}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {
	/*顶部图*/
	.o_big{display: block;}
}
@media screen and (max-width: 900px) {

}
@media screen and (max-width: 780px) {
.about_t3{ font-size:30px;}
.pro_two ul li{ font-size:14px; line-height:22px;}
.pro_two ul li h2{ font-size:16px;}

.pro_three{ font-size:16px; line-height:30px;padding-top:50px;}
.pro_three h2{ font-size:30px;}

.product_ul ul li{ width:49%;}
.product_ul ul li dd .imgs{height:180px}
.contact_con ul li{ width:94%;}
.feedback_div .inputs2{ width:100%; text-indent:2%;}
.feedback_div .inputscode{ width:100%; text-indent:2%;}
.feedback_div .textarea{ padding:2%; width:96%;}

}

@media screen and (max-width: 640px) {
}

@media screen and (max-width: 480px) {
.pro_two ul li{ width:48%;margin-left: 1%; margin-bottom:5%; font-size:13px;}
.pro_two ul li img{ width:28%; margin-right:4%;}
.pro_two ul li h2{ font-size:15px;}
.pro_three{ font-size:14px; line-height:26px;}
.pro_three h2{ font-size:22px;}

.product_ul ul li{ width:47%;}
}
@media screen and (max-width: 320px) {
.pro_two ul li{ font-size:12px; line-height:20px;}
.pro_two ul li h2{ font-size:14px;}

}